<div id="right">
    <div class="left-menu-content">
        <div class="left-menu-row-border-top">&nbsp;</div>

        <div class="left-menu-row">
            <div class="left-menu-row-title">Balance</div>
            <div class="left-menu-row-content">
                <p><s:property value="#session.user.balance" /></p>
                <p>USD</p>
            </div>
            <div class="left-menu-row-nut">
                <a href="${pageContext.request.contextPath}/user/summary.htm" class="left-menu-nut-link">
                    <img onmouseover="this.src='../res/css/images/left-menu-nut-hover.png'"
                         onmouseout="this.src='../res/css/images/left-menu-nut.png'"
                         src="../res/css/images/left-menu-nut.png" border="0">
                </a>
            </div>
        </div>

        <div class="left-menu-row">
            <div class="left-menu-row-title">Deposit Limit</div>
            <div class="left-menu-row-content">
                <p><s:property value="#session.user.depositLimit" /></p>
                <p>USD</p>
            </div>
            <div class="left-menu-row-nut">
                <a href="${pageContext.request.contextPath}/user/summary.htm" class="left-menu-nut-link">
                    <img onmouseover="this.src='../res/css/images/left-menu-nut-hover.png'"
                         onmouseout="this.src='../res/css/images/left-menu-nut.png'"
                         src="../res/css/images/left-menu-nut.png" border="0" />
                </a>
            </div>
        </div>
        <div class="left-menu-row-border-bottom">&nbsp;</div>
    </div>
    <div style="border: 1px solid rgb(204, 204, 204); margin-top: 7px; padding: 5px;" class="user_balance">
        My Details: <br /><br />
        Phone: ${sessionScope['user'].phoneNumber}<br>
        Account: ${sessionScope['user'].accountType}<br>
        Active: ${sessionScope['user'].active}</div>
    <br /><br />
</div>

